<!--//=========================<script réaliser par :DITINI ANASS>===================         -->
{extends file="includes/skeleton.tpl"}{/extend}
{block name=content}
        
    <div data-role="page" data-theme='b'>
        <div data-role="content">   
			<div data-nativedroid-plugin="splashscreen" data-nativedroid-splashscreen-time="4" data-nativedroid-splashscreen-animation="fadeOut" data-nativedroid-background="images/bg.jpg">
				<div class='splashScreenExample'>
					<h1>Awal Chat</h1>
					<h2>Best place to connect</h2>
					<h3>with your friends</h3>
					<div class='splashScreenDroid'></div>
				</div>				
			</div>
			
			<div data-nativedroid-plugin='lockscreen' data-nativedroid-background="images/bg.jpg" data-nativedroid-lockscreen-animation="fadeOut"  data-nativedroid-lockscreen-delay="25">
				<div class='inset' style="margin-top:50%;">
				
					<div class='unlock'><i class='icon-unlock'></i> Unlock me.</div>
				</div>
			</div>

			<div data-nativedroid-plugin="homescreen" data-nativedroid-background="images/bg.jpg">
				<div data-nativedroid-role='screenslide'>  
		
		<!-- Connextion -->
		<div style="width:60%; margin-left:20%; margin-right:20%; margin-top:10%;">
			<!-- 
			<img src="images/logo.png" align="center" />
			-->  		
            <form >
                <label >Login</label>
                  <input type="text" required="reequired" placeholder="Nom d'utilisateur" name="login">
              
                <label >Password</label>
                
                  <input type="password"  required="reequired"  placeholder="Mot de passe" name="passwd">
             
                  <button type="submit" >Se connecter</button>
             
                  <button >S'inscrire</button>
               
              </form>
              
        </div>

    </div>
    <!-- /Connextion -->
    
    <script src="scripts/nativedroid.js"></script>
    
{/block}
